<template>
  <div class="yiys">
    <img width="400px" src="../img/top1.png" alt="">
	<div class="erys">
		<img width="220px" src="../img/top2.png" alt="">
		<img width="220px" src="../img/top3.png" alt="">
		<img width="220px" src="../img/top4.png" alt="">
	</div>
	<div>
		<img width="400px" src="../img/top5.png" alt="">
	</div>
	<div class="siys">
		<img  width="780px" src="../img/top6.png" alt="">
	</div>
	<div class="shiys">
		<img width="480px" src="../img/top7.png" alt="">
	</div>
	<div class="wuys">
		<img width="500px" src="../img/top8.png" alt="">
	</div>
  </div>
</template>

<style scoped>
    .yiys{
		width:1200px;
		height:1000px;
		border: 1px solid white;
		margin: 0 auto;
	}
	.erys{
		position: absolute;
		top:20px;
		left: 550px;
	}
	.siys{
		position: absolute;
		top:150px;
		left:530px;
	}
	.shiys{
		position: absolute;
		top:550px;
		left:200px;
	}
	.wuys{
		position: absolute;
		top:580px;
		left:720px;
	}
</style>